import React, { Component } from 'react'
import { WhiteSpace, List } from 'antd-mobile'

export default class IllegalInfo extends Component {
	constructor(props) {
		super(props);

		this.state = {};
	}

	render() {
		const Item = List.Item;
		const Brief = Item.Brief;

		return (
			<div className="order-illegal-info">
				<List>
					<Item multipleLine>
						{this.props.header}
						{this.props.body.map((data, i) =>
							<Brief key={i}>{data}</Brief>
						)}
					</Item>
					{this.props.footer ? 
						<div className="footer">
							<Item multipleLine>
								<Brief>{this.props.footer}</Brief>
							</Item>
						</div>
						: ""}
				</List>
			</div>
		)
	}
}

IllegalInfo.defaultProps = {
	header: '粤A132KK,广东揭阳违章',
	body: ["违章时间：2014-12-24", "罚款本金¥300，办理服务费¥0（VIP减免18元）"],
	footer: '注：本违章扣分3分，扣分驾照为邱文标'
}